<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    

    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
   
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>

    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
   
    <script src="//at.alicdn.com/t/font_2804641_u619lupq2d.js"></script>
    <script src="./js/index.js"></script>
    
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="./css/commonFoot.css">
</head>
<body>
    <div class="main">
        <div class="head">
            <div id="nav">
                <div class="layui-row">
                    <div class="layui-col-md1">&nbsp; </div>
                    <div class="layui-col-md4">
                        <ul class="layui-nav nav-left" lay-filter=""> 
                            <li class="layui-nav-item">
                              <a href="javascript:;">网站导航</a>
                              <dl class="layui-nav-child"> <!-- 二级菜单 -->
                                <div class="layui-nav-child-div">
                                    <dl class="layui-nav-child-1">
                                        <dt>特色购物</dt>
                                        <dd>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                        </dd>
                                    </dl><dl class="layui-nav-child-1">
                                        <dt>特色购物</dt>
                                        <dd>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                        </dd>
                                    </dl>
                                    <dl class="layui-nav-child-1">
                                        <dt>特色购物</dt>
                                        <dd>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                        </dd>
                                    </dl><dl class="layui-nav-child-1">
                                        <dt>特色购物</dt>
                                        <dd>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                        </dd>
                                    </dl>
                                    <dl class="layui-nav-child-1">
                                        <dt>特色购物</dt>
                                        <dd>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                        </dd>
                                    </dl><dl class="layui-nav-child-1">
                                        <dt>特色购物</dt>
                                        <dd>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                        </dd>
                                    </dl>
                                </div>
                                
                              </dl>
                            </li>
                            <li class="layui-nav-item"><a href="">商家入驻</a>
                                <dl class="layui-nav-child">
                                    <div>
                                        <ul class="layui-nav-child-1">
                                            <li><a href="">移动模块</a></li>
                                            <li><a href="">移动模块</a></li>
                                            <li><a href="">移动模块</a></li>
                                        </ul>
                                        <ul class="layui-nav-child-1">
                                            <li><a href="">移动模块</a></li>
                                            <li><a href="">移动模块</a></li>
                                            <li><a href="">移动模块</a></li>
                                        </ul>
                                    </div>
                                </dl>
                            </li>
                            <li class="layui-nav-item"><a href="">客户服务</a>
                                <dl class="layui-nav-child">
                                    <div>
                                        <dl class="layui-nav-child-1">
                                            <dt>特色购物</dt>
                                            <dd>
                                                <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                                <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                                <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                                <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                                <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            </dd>
                                        </dl>
                                        <dl class="layui-nav-child-1">
                                            <dt>特色购物</dt>
                                            <dd>
                                                <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                                <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                                <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                                <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                                <p><a href="https://10035.suning.com/">苏宁互联</a></p>
                                            </dd>
                                        </dl>
                                    </div>
                                </dl>
                            </li>
                            <li class="layui-nav-item"><a href=""><span class="layui-nav-span">普通版</span><span class="layui-nav-span1">关怀版</span></a>
                            </li>
                            <li class="layui-nav-item"><a href=""><svg class="icon dizhi" aria-hidden="true">
                                <use xlink:href="#icon-dizhi"></use>
                            </svg>地址</a>
                            <dl class="layui-nav-child">
                                    
                            </dl>
                            </li>
                          </ul>
                      </div>
                      <div class="layui-col-md6">
                        <ul class="layui-nav nav-right" lay-filter=""> 
                            <li class="layui-nav-item"><a href="">请登录</a></li>
                            <li class="layui-nav-item"><a href="">注册有礼</a> </li>
                            <li class="layui-nav-item"><a href="">我的订单</a>
                                <dl class="layui-nav-child">
                                    <div>
                                        <ul class="layui-nav-child-1">
                                            <li><a href="">移动模块</a></li>
                                            <li><a href="">移动模块</a></li>
                                            <li><a href="">移动模块</a></li>
                                        </ul>
                                    </div>
                                </dl>
                            </li><li class="layui-nav-item"><a href="">我的易购</a>
                                <dl class="layui-nav-child">
                                    
                                </dl>
                            </li>
                            </li>
                            <li class="layui-nav-item"><a href="">苏宁会员</a></li> 
                            <li class="layui-nav-item"><a href="">
                                <svg class="icon gouwuche" aria-hidden="true">
                                    <use xlink:href="#icon-gouwuche"></use>
                                </svg>购物车</a>
                                <dl class="layui-nav-child">
                                    
                                </dl>
                            </li> 
                            <li class="layui-nav-item"><a href="">易付宝</a>
                            </li> 
                            <li class="layui-nav-item"><a href="">企业采购</a>
                            </li>
                            <li class="layui-nav-item"><a href="">手机苏宁</a>
                                <dl class="layui-nav-child">
                                    
                                </dl>
                            </li>
                          </ul>
                      </div>
                      <div class="layui-col-md1">&nbsp; </div>
                </div>  
            </div>
            <div class="search">
                <div class="layui-row">
                    <div class="layui-col-md1">&nbsp; </div>
                    <div class="layui-col-md3">
                        <a href="#">
                            <svg class="icon suning" aria-hidden="true">
                                <use xlink:href="#icon-suning"></use>
                            </svg></a> </div>
                    <div class="layui-col-md7">
                        <form action=""> 
                            <div class="search-div">
                                <svg class="icon sousuo" aria-hidden="true">
                                    <use xlink:href="#icon-sousuo"></use>
                                </svg>
                                <input class="search-text" type="text">
                                <input class="search-btn" type="submit" value="搜索">
                            </div>
                            <div class="search-title">
                                <span class="layui-breadcrumb" lay-separator="|">
                                    <a href="">月饼</a>
                                    <a href="">vivo手机</a>
                                    <a href="">大闸蟹</a>
                                    <a href="">家装300减40</a>
                                    <a href="">买好酒赠好礼</a>
                                    <a href="">手机</a>
                                    <a href="">冰箱</a>
                                    <a href="">电视</a>
                                    <a href="">ipad</a>
                                  </span>
                            </div>
                        </form> 
                    </div>
                    <div class="layui-col-md1">&nbsp; </div>
                    
                </div>
            
            </div>
            <div class="nav-title">
                <div class="layui-col-md2">&nbsp; </div>
                <div class="layui-col-md8">
                    <span class="layui-breadcrumb" lay-separator=" ">
                        <a href=""><img src="./img/title.png" alt=""></a>
                        <a href=""><img src="./img/title2.png" alt=""></a>
                        <a href=""><img src="./img/title3.png" alt=""></a>
                        <a href="" class="nav-title-a">苏宁超市
                            <svg class="icon hot" aria-hidden="true">
                                <use xlink:href="#icon-icon-test"></use>
                            </svg>
                        </a>
                        <a href="">电器城</a>
                        <a href="">生活家电</a>
                        <a href="">手机数码</a>
                        <a href="">金融</a>
                      </span> </div>
                <div class="layui-col-md2">&nbsp; </div>
                
            </div>
        </div>
        <div class="content">
           <div>
            <div class="layui-carousel" id="test1">
                <div carousel-item>
                  <div><img src="./img/lunbo1.png" alt=""></div>
                  <div><img src="./img/lunbo2.png" alt=""></div>
                  <div><img src="./img/lunbo3.png" alt=""></div>
                </div>
              </div>
           </div> 
        </div>
        <div id="foot">
        </div>
             
        
    </div> 
    <script>
        $("#foot").load("./commonFoot.html");
        layui.use('carousel', function(){
          var carousel = layui.carousel;
          //建造实例
          carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
          });
        });
        </script>
</body>
</html>